<!DOCTYPE html>
<style>
body {
    margin: 0;
    padding: 0;
}
table {
    border: 0;
    border-spacing: 0;
    display: inline-table;
}
span {
   font: 20px Ahem;
   line-height: 20px;
}
</style>
<script src="../../resources/check-layout.js"></script>
<span>
    Text
    <table data-total-y=16>
        <tr></tr>
        <tr><td>Text</td></tr>
    </table>
    Text
</span>
<p>crbug.com/452593: The baseline of an 'inline-table' is the baseline of the first row of the table.
   You should see three black boxes and the middle one should be below the other two.</p>
   <p id="test-output"></p>
<script>
checkLayout('table', document.getElementById("test-output"));
</script>
